// 入口函数
$(function () {
  // 渲染头像欢迎信息
  getUserInfo()


  // 点击退出登录
  $('#loginout').on('click', function () {
      layer.confirm('确认退出登录吗？', { icon: 3, title: '提示' }, function (index) {
          // 销毁token
          localStorage.removeItem('token')
          // 跳转login.html
          location.href = '/login.html'
          // 关闭询问框
          layer.close(index)
      })
  })

})

// 把渲染头像和欢迎信息方法设置成 - 全局函数
// 将来其他页面要调用, 必须保证这个方法是全局的
let layer = layui.layer
function getUserInfo() {
  // 发送ajax
  axios({
      method: 'GET',
      url: '/my/userinfo',
      // 设置请求头 - common.js 里设置了请求拦截(拦截器里添加了请求头)
      // headers: {
      //     Authorization: localStorage.getItem('token')
      // }
  }).then(res => {
      // console.log(res.data);
      if (res.data.status !== 0) {
          return layer.msg(res.data.message)
      }

      // 渲染
      renderAvatar(res.data.data)
  })
}

// 封装 - 渲染用户头像和欢迎词
function renderAvatar(user) {
  // 欢迎词 - (有限渲染昵称, 没有昵称, 渲染男用户名)
  let name = user.nickname || user.username
  // console.log(name[0]);
  $('.welcome').html('欢迎 ' + name)
  // 头像
  if (user.user_pic !== null) {
      // 有图片头像 - 显示图片头像, 隐藏文字头像
      $('.layui-nav-img').show().attr('src', user.user_pic)
      $('.avatar-text').hide()
  } else {
      // 没有图片头像 - 显示文字头像(首字母大写), 隐藏图片头像
      $('.layui-nav-img').hide()
      let first = name[0].toUpperCase()
      $('.avatar-text').show().html(first)
  }
}